<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>css的引用方式</title>
    <!--内联式：
        存放位置: head标签中
        特点: 可以在当前文件中多个标签都可应用
    -->
    <style>
        div{
            color: red;
        }
        span{
            color: green;
        }
    </style>

</head>
<body>
<!--内嵌式：在标签中添加style属性
       特点: 只对当前标签有效
   -->
<div style="background-color: bisque">div标签1</div>
<div>div标签2</div>
<span>span标签1</span>
<span>span标签2</span>
<!--外联式：使用link标签
    属性:
        href: 引入的是在外部写的css文件
        rel: 规定引入的是什么类型的文件
             stylesheet:层叠样式表
-->
<link href="css/mystyle.css" rel="stylesheet"/>

</body>
</html>